<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./less/detail.css">
</head>

<body>
    <div id="wrap">
        <div class="topbox">
            <div class="nav">
                <div class="welcome"><span>欢迎来到尚品汇！&nbsp;&nbsp;请</span><a href="">登录</a><span>|</span><a href="">注册</a>
                </div>
                <div class="navbar">
                    <a href="">我的订单</a><span>|</span>
                    <a href="">我的购物车</a><span>|</span>
                    <a href="">我的尚品汇</a><span>|</span>
                    <a href="">尚品汇会员</a><span>|</span>
                    <a href="">企业采购</a><span>|</span>
                    <a href="">关注尚品汇</a><span>|</span>
                    <a href="">合作招商</a><span>|</span>
                    <a href="">商家后台</a>
                </div>
            </div>
        </div>
        <div class="top_2box">
            <img src="./images/Logo.png" alt="">
            <div class="search_bar">
                <form action="">
                    <input type="text">
                    <input type="submit" value="搜索">
                </form>
            </div>
        </div>
        <nav class="tab_bar">
            <div class="tabs">
                <a href="#">全部商品分类</a>
                <a href="#">服装城</a>
                <a href="#">美妆馆</a>
                <a href="#">尚品汇超市</a>
                <a href="#">全球购</a>
                <a href="#">闪购</a>
                <a href="#">团购</a>
                <a href="#">有趣</a>
                <a href="#">秒杀</a>
            </div>
        </nav>
        <div class="content">
            <nav class="bar_t">
                <a href="#">手机、数码、通讯</a><span>/</span>
                <a href="#">手机</a><span>/</span>
                <a href="#">apple苹果</a><span>/</span>
                <a href="#">iphone&nbsp;6s系</a>
            </nav>
            <div class="phone">
                <div class="apple_png">
                    <div class="loupe">
                        <img src="./images/b1.png" alt="" class="apple_big">
                        <div class="trans"></div>
                        <div class="big_app_png">
                            <img src="./images/b1.png" alt="">
                        </div>
                    </div>

                    <div class="apple_ul">
                        <input type="button" value="&lt;" class="btns">
                        <div class="apple_ul_list">
                            <ul>
                                <li><img src="./images/b1.png" alt=""></li>
                                <li><img src="./images/b2.png" alt=""></li>
                                <li><img src="./images/b3.png" alt=""></li>
                                <li><img src="./images/b1.png" alt=""></li>
                                <li><img src="./images/b2.png" alt=""></li>
                            </ul>
                        </div>

                        <input type="button" value="&gt;" class="btns">
                    </div>
                </div>
                <div class="apple_m">

                </div>

            </div>
        </div>
        <div class="main">
            <div class="portable">
                <div class="class_e">
                    <p class="active">相关的分类</p>
                    <p>推荐品牌</p>
                </div>
                <div class="class_s box show">
                    <ul class="ul_tr">
                        <li>手机</li>
                        <li>手机壳</li>
                    </ul>
                    <ul class="ul_tr">
                        <li>内存卡</li>
                        <li>iphone配件</li>
                    </ul>
                    <ul class="ul_tr">
                        <li>贴膜</li>
                        <li>手机耳机</li>
                    </ul>
                    <ul class="ul_tr">
                        <li>移动电源</li>
                        <li>平板电脑</li>
                    </ul>
                    <div class="portable_money">
                        <ul>
                            <li>
                                <img src="./images/part01.png" alt="">
                                <p>Apple苹果iPhone 6s (A1699)</p>
                                <p>¥6088.00</p>
                                <p><a href="#">加入购物车</a></p>
                            </li>
                            <li>
                                <img src="./images/part01.png" alt="">
                                <p>Apple苹果iPhone 6s (A1699)</p>
                                <p>¥6088.00</p>
                                <p><a href="#">加入购物车</a></p>
                            </li>
                            <li>
                                <img src="./images/part01.png" alt="">
                                <p>Apple苹果iPhone 6s (A1699)</p>
                                <p>¥6088.00</p>
                                <p><a href="#">加入购物车</a></p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="box yinBox">
                    <p>啥也没有</p>
                </div>
            </div>
            <div class="spareRight">
                <div class="spare_part">
                    <h4 class="spare_p">选择搭配</h4>
                    <div class="checked">
                        <div class="goodsBox"><img src="./images/l-m01.png" alt="">
                            <p>¥5299</p>
                            <i>+</i>
                        </div>
                        <ul class="chooseBoxList">
                            <li>
                                <img src="./images/dp01.png" alt="">
                                <p>Feless费勒斯VR</p>
                                <p><input type="checkbox" name="" id="" value="50">50</p>
                            </li>
                            <li>
                                <img src="./images/dp02.png" alt="">
                                <p>Feless费勒斯VR</p>
                                <p><input type="checkbox" name="" id="" value="50">50</p>
                            </li>
                            <li>
                                <img src="./images/dp03.png" alt="">
                                <p>Feless费勒斯VR</p>
                                <p><input type="checkbox" name="" id="" value="50">50</p>
                            </li>
                            <li>
                                <img src="./images/dp04.png" alt="">
                                <p>Feless费勒斯VR</p>
                                <p><input type="checkbox" name="" id="" value="50">50</p>
                            </li>
                        </ul>
                        <div class="chooseBoxRight">
                            <p>已购0件商品</p>
                            <p>套餐价</p>
                            <p>¥5299</p>
                            <button>加入购物车</button>
                        </div>
                    </div>
                </div>
                <div class="goodsIntroduce">
                    <div class="goodsTab">
                        <ul>
                            <li class="active"><a href="javascript:;">商品介绍</a></li>
                            <li><a href="javascript:;">商品介绍</a></li>
                            <li><a href="javascript:;">商品介绍</a></li>
                            <li><a href="javascript:;">商品介绍</a></li>
                            <li><a href="javascript:;">商品介绍</a></li>
                            <li><a href="javascript:;">商品介绍</a></li>
                        </ul>
                    </div>
                    <ul class="box_list">
                        <li class="show">
                            分辨率：1920*1080(FHD)<br />
                            后置摄像头：1200万像素<br />
                            前置摄像头：500万像素<br />
                            核 数：其他<br />
                            频 率：以官网信息为准<br />
                            品牌： Apple<br />
                            商品名称：APPLEiPhone 6s Plus<br />
                            商品编号：1861098<br />
                            商品产地：中国大陆<br />
                            商品毛重：0.51kg<br />
                            热点：指纹识别，Apple Pay，金属机身，拍照神器<br />
                            系统：苹果（IOS）<br />
                            像素：1000-1600万品毛重：0.51kg<br />
                            机身内存：64GB<br />
                            <img src="./images/intro01.png" alt="">
                            <img src="./images/intro02.png" alt="">
                            <img src="./images/intro03.png" alt="">
                        </li>
                        <li>隐藏内容2</li>
                        <li>隐藏内容3</li>
                        <li>隐藏内容4</li>
                        <li>隐藏内容5</li>
                        <li>隐藏内容6</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="rightTab appearClose">
            <div class="clickRight line"></div>
            <div class="clickRightContent"></div>
            <ul class="hoverTab">
                <li><p></p><i>尚品汇会员</i></li>
                <li><p></p><i>尚品汇会员</i></li>
                <li><p></p><i>尚品汇会员</i></li>
                <li><p></p><i>尚品汇会员</i></li>
                <li><p></p><i>尚品汇会员</i></li>
                <li><p></p><i>尚品汇会员</i></li>
            </ul>

        </div>
    </div>
    <script src="./js/data.js"></script>
    <script src="./js/phnoe.js"></script>
    <script>
    </script>
</body>

</html>